<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
<template>
	<view class="container">
		<view class="head__image">
			<image :src="data.coverImage" mode=""></image>
		</view>
		<view class="desc">
			{{data.description}}
		</view>
		<view class="content">
			<zero-markdown-view :markdown="data?.content"></zero-markdown-view>
		</view>
	</view>
</template>


<script>
	import request from '@/common/request.js'
	export default {
		mounted() {
			this.getBlogList();
		},
		data() {
			return {
				data: {},
				email: 'programmer_xiaosi@qq.com',
				blog: 'http://www.myappletpro.site'
			}
		},
		onLoad() {

		},
		methods: {
			getBlogList() {
				request.httpRequest({
					url: 'wx/detail/4',
					method: 'GET'
				}).then(res => {
					this.data = res.data
				})
			},
		}
	}
</script>

<style lang="scss">
	.container {
		margin: 0 auto;

		.head__image {
			text-align: center;
			margin: 20rpx 0;

			image {
				border-radius: 50%;
				width: 200rpx;
				height: 200rpx;
			}
		}

		.desc {
			margin: 0 auto;
			text-align: center;
		}
		.content {
			padding: 20rpx 50rpx;
		}
	}
</style>